{% set base_images = 'http://media.yellowpages.co.th/yellowpages' %}
{% set base_promotion = promotion.baseurl %}



    <div class="margin-tb-fifteen padding-lr-thity typ-profile-freelist col-md-12 col-sm-12 col-xs-12 ">

        <div class="no-gutter col-md-12 col-sm-12 col-xs-12">
            {% if profile.logo %}
                <div class="typ-medium-img col-md-3 col-sm-3 col-xs-12"> {#logo#}
                    <img class="img-responsive" src="{{ [base_images,"/logo/",profile.logo]|join }}"/>
                </div>
            {% else %}
                <div class="typ-medium-img col-md-3 col-sm-3 col-xs-12">
                    <img class="img-responsive" src="{{ '/themes/contrib/typtheme/images/logo/typ-map-default.jpg' }}"/>
                </div> {#end logo#}
            {% endif %}

            <div class="col-md-7 col-sm-7 col-xs-6">
                <h1>{{ profile.humanname|raw }}</h1>

                <p class="typ-txt-bold">{% trans %}Category{% endtrans %} :
                <a href="{{ base_path }}heading/{{ profile.headingname }}">{{ profile.headingname|raw }}</a></p>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-6">
                <p>View : xxxxx </p>
            </div>
        </div>


            <!-- check FL close openx -->
            {% if type != 'FL' %}
                <div id="customertype"
                     data-customertype="{{ type }}" style="display: none">
                </div>
            {% endif %}
            <!-- check FL close openx -->

        {#description#}
        <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12 typ-profile-freelist-desc">

            {% if type != 'FL' %}
                {{ profile.profile|raw}}
                {% if profile.profile %}{% endif %}
            {% else %}
                {{ profile.profile|raw|slice(0, 100)}}{% if profile.profile|length > 100 %}{{ '...</p>' }} {% endif %}
                {% if profile.profile %}{% endif %}
            {% endif %}
            {% if not profile.addr %}{% else %}
            <p class="typ-txt-bold">{% trans %} Address {% endtrans %}</p>
            {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,
            profile.districtname,profile.cityname,profile.postcode]|join(' ') }}
            {% endif %}
            {% if profile.location.lat %}
            <a href="/ypsearch?qm=#{{ profile.humanname|raw }}">
                <span class="icon-icon-yt-pin size-2x"></span>
            </a>
            {% else %}
            <a href="https://www.google.co.th/maps/search/{{ profile.fulladdr|url_encode }}" target="_blank">
                <span class="icon-icon-yt-pin size-2x"></span>
            </a>
            {% endif %}
        </div> {#end description#}

        {#picture#}
        <div class="typ-profile-img margin-top-thirty col-md-12 col-sm-12 col-xs-12">
            <ul class="no-gutter">



                <li>
                    <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
                </li>
                <li>
                    <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
                </li>
                <li>
                    <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
                </li>
            </ul>
        </div> {#end picture#}

        {#contact#}
        <div class="typ-profile-contact margin-top-thirty col-md-12 col-sm-12 col-xs-12">
            <h1>Contact</h1>
            {#address#}
            <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                <div class="col-md-3 col-sm-3 col-xs-12">
                    <p class="typ-txt-bold">{% trans %} Address {% endtrans %}:</p>
                </div>
                <div class="col-md-9 col-sm-9 col-xs-12">
                    {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}
                </div>
            </div>

            {#tel.#}
            {% if not profile.telno %}{% else %}
                <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                    <div class="col-md-3 col-sm-3 col-xs-12">
                        <p class="typ-txt-bold">{% trans %} Tel {% endtrans %}:</p>
                    </div>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        {% if not profile.telno %}
                        {% else %}
                            {% if type == 'FL' %}
                                <span>{{ profile._format.telno.0 }}</span>
                            {% else %}
                                {% for key, tel in profile._format.telno %}
                                    {% if loop.last != key+1 %}<a href='tel:{{ tel }}'>{{ tel }}</a>{{ "," }}
                                    {% else %}<a href='tel:{{ tel }}'>{{ tel }}</a>{% endif %}
                                {% endfor %}
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
            {% endif %}

            {#fax#}
            {% if not profile.fax %}{% else %}
                <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                    <div class="col-md-3 col-sm-3 col-xs-12">
                        <p class="typ-txt-bold">{% trans %} Fax {% endtrans %}:</p>
                    </div>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        {% if not profile.fax %}
                        {% else %}
                            {% if type == 'FL' %}
                                <span>{{ profile._format.fax.0 }}</span>
                            {% else %}
                                {% for key, fax in profile._format.fax %}
                                    {% if loop.last != key+1 %}<a href="tel:{{ fax }}">{{ fax }}</a>{{ "," }}
                                    {% else %}<a href="tel:{{ fax }}">{{ fax }}</a>{% endif %}
                                {% endfor %}
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
            {% endif %}

            {#e-mail#}
            {% if not profile.email %}{% else %}
                <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                    <div class="col-md-3 col-sm-3 col-xs-12">
                        <p class="typ-txt-bold">{% trans %} Email {% endtrans %}:</p>
                    </div>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        {% if not profile.email %}
                        {% else %}
                            {% if type == 'FL' %}
                                {% set email =  profile.email|split(',') %}
                                {{ email.0 }}
                                {% for key , mail in email %}
                                    {% if loop.last != key+1 %}{{ mail }},
                                    {% else %}{{ mail }}{% endif %}
                                {% endfor %}
                            {% else %}
                                {% set email =  profile.email|split(',') %}
                                {% for key , mail in email %}
                                    {% if loop.last != key+1 %}<a href="mailto:{{ mail }}">{{ mail }}</a>,
                                    {% else %}<a href="mailto:{{ mail }}">{{ mail }}</a>{% endif %}
                                {% endfor %}
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
            {% endif %}

            {#website#}
            {% if not profile.website %}{% else %}
                <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                    <div class="col-md-3 col-sm-3 col-xs-12">
                        <p class="typ-txt-bold">{% trans %} Website {% endtrans %}:</p>
                    </div>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        {% if not profile.website %}
                        {% else %}
                            {% set website_show =  profile.website_show|split(',') %}
                            {% if type == 'FL' %}
                                {{  website_show.0 }}
                            {% else %}
                                {% for key , web in website_show %}
                                    {% if loop.last != key+1 %}<a href="{{web|trim}}" target="_blank">{{web}}</a>,
                                    {% else %}<a href="{{web|trim }}" target="_blank">{{web}}</a>{% endif %}
                                {% endfor %}
                            {% endif %}
                            {% if type == 'FL' %}
                                {% set website_show =  profile.website_show|split(',') %}
                                {{  website_show.0 }}
                            {% else %}
                                {% for key , web in profile.website %}
                                    {% if loop.last %}
                                        <a href="{{key|trim }}" target="_blank">{{web}}</a>
                                    {% else %}
                                        <a href="{{key|trim}}" target="_blank">{{web}}</a>,
                                    {% endif %}
                                {% endfor %}
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
            {% endif %}

            {#work-time#}
            {% if not profile.workinghours %}{% else %}
                <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                    <div class="col-md-3 col-sm-3 col-xs-12">
                        <p class="typ-txt-bold">{% trans %} Work-Time {% endtrans %}:</p>
                    </div>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        {% if not profile.workinghours %}
                        {% else %}
                            {{ profile._format.workinghours }}
                        {% endif %}
                    </div>
                </div>
            {% endif %}
        </div> {#end contact#}

        {#Map#}
        <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12">

            {% if type != 'FL' %}
                {% if not prodescription or prodescription is empty %}
                {% else %}
                    <b>{% trans %} Product And Service {% endtrans %}</b>
                    {{ prodescription|raw }}
                {% endif %}

                <div>
                {% if not profile.brandname %}
                {% else %}<b>{% trans %}Brand Name{% endtrans %}</b>  {{ profile.brandname|replace({"<p>":" ","</p>":" "}) }}
                {% endif %}
                </div>

            {% else %}
                {% if not prodescription or prodescription is empty %}
                {% else %}
                    <b>{% trans %} Product And Service {% endtrans %}</b>
                    {{ prodescription|raw }}
                    {% if prodescription and profile.brandname %}{% endif %}
                {% endif %}

            {% endif %}


            {% if type == 'FL' %}

                {% if profile.location.lat %}
                    {#<div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active google-map-size"' }} {% endif %}>#}
                    <div class="google-map-size">

                        <iframe width="100%" height="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&height=420&width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
                        <div class="text-center">
                            <a class="iframe btn typ-link-btn btn-md" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=600">
                                {% trans %}View list on search by map {% endtrans %}
                            </a>
                        </div>
                    </div>
                {% endif %}

            {% else %}

                {% if profile.location.lat %}
                    {#<div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} {% endif %}  >#}
                    <div>

                        <iframe width="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&amp;longitude={{ profile.location.lon }}&amp;height=420&amp;width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
                        <div class="text-center">
                            <a class="iframe" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=580">{% trans %}View list on search by map {% endtrans %}</a>
                        </div>
                    </div>
                {% endif %}

            {% endif %}


                {% if not profile.custname %}
                {% else %}
                {{ profile.custname|raw }} : แสดงความคิดเห็น
                {% endif %}

        </div> {#end Map#}

        {#facebook#}
        <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12">
            {{ app.request.getRequestUri() }}
                <div id="fb-root"></div>
                <script>(function(d, s, id) {
                  var js, fjs = d.getElementsByTagName(s)[0];
                  if (d.getElementById(id)) return;
                  js = d.createElement(s); js.id = id;
                  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=986936604724797";
                  fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>
                <div class="fb-comments" data-width="100%" data-href="http://{{ facebook_comment }}" data-numposts="5"></div>
        </div> {#end facebook#}

    </div> {#end typ profile freelist#}


<input type="hidden" class="catname" value="{{ profile.headingname|raw }}">
<input type="hidden" class="lang" value="{{ profile.lang|raw }}">
<input type="hidden" class="cat_address" value="{{ [profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}">